Event Bubbling

eventが、子から親へ伝搬していくこと

event objectが、Event.targetからWindowまで上がっていく

Event.stopPropagation()などでbubblingを止めることもできる

例

code:html

<form onclick="alert('form')">祖父

<div onclick="alert('div')">親

</div>

</form>

子をclickすると、

子(Event.target)→親→祖父→...→body→html→document→window

のように順々にevent objectが移動していく

参考

動く例がわかりやすい